<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--CSS要用大写-->
		<title>CSS技术</title>
		<!--引用专门的.css文件的方法-->
		<link rel="stylesheet" href="css/tyust.css"/>
		<!--专门放样式-->
		<style>
		    /**css的第一种放置方法-放在head内部**/
			/**这也是一个标记选择器，这里是div，那意味着下面所有的div标记都是这个style**/
			/* div{
				font-size:80px;
				color: blue;
			} */
			.titCss{
				font-size: 50px;
				color: aqua;
			}
			
			#firstDiv{
				color:mediumvioletred;
				font-size: 12px;
			}
			#secondDiv{
				color:lawngreen;
				font-size: 30px;
			}
		</style>
	</head>
	<body>
		<div>
			太原科技大学物联网工程专业
		</div>
		<div>
			太原科技大学智能工程专业
		</div>
		<span style="color:#FF7F00">
			6-30位字母、数字或“_”字母开头
		</span>
		
		<h2>我不是div，我没用到第一种css使用方法</h2>
		<div>
			我是一个div，我用到了第一种css使用方法
		</div>
		
		<h2 class="titCss">class选择器</h2>
		<p>我是第一个段落，我是原格式</p>
		<p class="titCss">我是第二个段落</p>
		<span class="titCss">我是一个提示</span>
		
		<h2>id选择器</h2>
		<div id="firstDiv">java研发工程师</div>
		<div id="secondDiv">java大数据研发工程师</div>
	</body>
</html>